﻿<%@ Control Language="C#" Inherits="Shop.Framework.Control.ThumbnailViewer" %>

<div class="thumbnail_wrapper">
    <div id="main_image">        
            <%--<img src="/ProductImages/Current Elliott Skinny in Overcast Destroy Wash.jpg" alt=""/>--%>
            <%if (MainImage != null) { %>
                <img src="/ProductImages/<%=Html.Encode(MainImage.Name) %>" alt=""/>
            <%} else {%>
            <b>No Image Available</b>
            <%} %>
            
    </div>
    <div id="thumbnail_area">
        <ul id="thumbnail_list" class="thumbnail">
            <%--<li class="selected">
                <img src="/ProductImages/Current Elliott Skinny in Overcast Destroy Wash.jpg" alt=""/></li>
            <li><img src="/ProductImages/Current Elliott Skinny in Overcast Destroy Wash.jpg" alt=""/></li>
            <li><img src="/ProductImages/Current Elliott Skinny in Overcast Destroy Wash.jpg" alt=""/></li>
            <li><img src="/ProductImages/Current Elliott Skinny in Overcast Destroy Wash.jpg" alt=""/></li>
            <li><img src="/ProductImages/Current Elliott Skinny in Overcast Destroy Wash.jpg" alt=""/></li>--%>
            <%foreach (var image in ImageList) {%>
                <%if (image.IsDefault) { %>
                    <li class="selected"><img src="/ProductImages/<%=Html.Encode(image.Name) %>" alt=""/>
                <%} else { %>
                    <li><img src="/ProductImages/<%=Html.Encode(image.Name) %>" alt=""/>
                <%} %>
            <%} %>
        </ul>
    </div>
    <div>
    </div>
</div>
   
<script language="javascript" type="text/javascript">
    Thumbnail.Initialize("#thumbnail_list");
</script>
